<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <div class="plan basic">
                <div class="title">Basic</div>
                <div class="price">$5<span>per month</span></div>
                <div class="lines">
                    <div class="line" style="width: 69px"></div>
                    <div class="line" style="width: 59px"></div>
                    <div class="line" style="width: 66px"></div>
                    <div class="line" style="width: 46px"></div>
                </div>
            </div>
            <div class="plan pro">
                <div class="title">Pro</div>
                <div class="price">$10<span>per month</span></div>
                <div class="lines">
                    <div class="line" style="width: 69px"></div>
                    <div class="line" style="width: 59px"></div>
                    <div class="line" style="width: 66px"></div>
                    <div class="line" style="width: 46px"></div>
                </div>
            </div>
            <div class="plan premium">
                <div class="title">Premium</div>
                <div class="price">$20<span>per month</span></div>
                <div class="lines">
                    <div class="line" style="width: 69px"></div>
                    <div class="line" style="width: 59px"></div>
                    <div class="line" style="width: 66px"></div>
                    <div class="line" style="width: 46px"></div>
                </div>
            </div>

            <div class="datas">
                <div class="data users">
                    <div class="text">
                        <div class="left">5 Users</div>
                        <div class="right">100 Users</div>
                    </div>
                    <div class="line">
                        <div class="fill"></div>
                    </div>
                </div>
                <div class="data gb">
                    <div class="text">
                        <div class="left">20 GB</div>
                        <div class="right">200 GB</div>
                    </div>
                    <div class="line">
                        <div class="fill"></div>
                    </div>
                </div>
                <div class="data projects">
                    <div class="text">
                        <div class="left">1 Projects</div>
                        <div class="right">50 Projects</div>
                    </div>
                    <div class="line">
                        <div class="fill"></div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
